<!DOCTYPE html>
<html>

<head>
  <title data-i18n="shortcutsTitle">The Great-er Tab Discarder | Keyboard Shortcuts</title>
  <link rel='icon' href='/img/icon19.png' id="suspended_icon" />
  <link rel="stylesheet" href="/css/font-awesome.min.css" />
  <link type="text/css" href="/css/style.css" rel="stylesheet" />
  <script type="text/javascript" src="/js/shortcuts.js"></script>
</head>

<body id="body">
  <div class="mainContent">
    <h1 class="pageHeader"><img src="/img/icon64_hidden.png" class="headerIcon" />The Great-<span class="italic">er</span> Tab Discarder</h1>

    <div class="contentNav">
      <ul>
        <li><a href="options.html" data-i18n="generalSettings">General Settings</a></li>
        <li><a href="options-suspend.html" data-i18n="suspendSettings">Suspend Settings</a></li>
        <li><a href="shortcuts.html" class="active" data-i18n="keyboardShortcuts">Keyboard Shortcuts</a></li>
        <li><a href="migrate.html" data-i18n="migrateTabs">Migrate Tabs</a></li>
        <li><a href="about.html" data-i18n="aboutSupport">About / Support</a></li>
      </ul>
    </div>

    <div class="content">
      <h2 data-i18n="keyboardShortcuts">Keyboard Shortcuts</h2>
      <hr />

      <div id="keyboardShortcuts"></div>

      <hr />
      <a href="#" id="configureShortcuts" class="btn" data-i18n="remapKeys">Remap keys</a>

    </div>
  </div>
</body>

</html>
